@import './common.less';

//公用样式
.top-banner{
    .box-sizing;
    .padleft(60px);
    .padtop(15px);
    .padbottom(15px);
    .bordbottom(1px,#eeeeee);
    min-height: 50px
}
.top-banner-back{
    .box-sizing;
    .back-color(#f5f5f5);
    .padleft(60px);
    .padtop(15px);
    .padbottom(15px);
    min-height: 50px
}
.edu-main{
    .padleft(60px);
    .padtop(20px);
    .edu-main-title{
        .padbottom(10px);
        .color(#818691);
        width: 95%;
        border-bottom: solid 1px #d8dce5;
    }
} 
.top-banner-color{
    .el-breadcrumb__inner{
        .color(#409eff);
        font-weight: normal;
    }
}
.edu-ruleForm{
    .padtop(10px);
    .el-input{
        width: 240px
    }
}
.tip-txt{
    .color(#999999);
    .fontsize(12px);
}
.edu-tabs{
    line-height: 50px;
    .el-tabs__header{
        .marbottom(0px)
    }
    .el-tabs__nav-scroll{
        .padleft(60px)
    }
}
.edu-table-lr{
    .margin(20px,60px,20px,60px)
}
.edu-pagination{
    .marright(60px);
    .marleft(60px);
    .textposition(right);
}
.edu-dialog580{
    width: 580px
}
//校区设置首页
.school-list{
    .padtop(30px);
    .item-detail{
        .padbottom(25px);
        .bordbottom(1px,#d8dce5)
    }
    .school-item{
        .fl;
        .box-sizing;
        .marright(34px);
        .marbottom(30px);
        width: 370px;
        height: 200px;
        padding: 20px 20px 0;
        border: 1px solid #d8dce5;
        &:hover{
            .border(1px,#409eff)
        }
    }
    .item-img{
        width: 100px;
        height: 100px;
        .marright(14px) ;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .item-title{
        .color(#333);
        .marbottom(12px);
        .text-more-overflow(1)
    }
    .item-phone{
        .color(#999);
        .marbottom(12px);
        .text-more-overflow(1)
    }
    .item-address{
        .color(#999);
        .text-more-overflow(2)
    }
    .item-operate{
        .textposition(right);
        .padtop(12px)
    }
}

.selectDiag{
    .el-dialog__body{
        .padtop(10px)
    }
    .select-right{
        width: 300px;
        .select-right-title{
            color: #909399;
            font-weight: 600;
            padding: 12px 10px 12px;
            .back-color(#f5f7fa);
            position: absolute;
        }
    }
    .right-main{
        border: 1px solid #ebeef5;
        height: 520px;
        overflow-y: auto;  
        .el-table::before{
            height: 0px;
            background-color: #fff
        }
        .el-table td, .el-table th.is-leaf{
            border-bottom:none
        }   
    }
    .select-pagination{
        .martop(20px);
        .marright(20px)
    }
    .dialog-footer{
        .textposition(right)
    }
}
.bannerTab{
    .martop(20px);
    .cell{
        .padbottom(20px)
    }
}
.error-tip{
    color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    left: 0;
}

.el-form-item.is-success .el-input__inner, 
.el-form-item.is-success .el-input__inner:focus, 
.el-form-item.is-success .el-textarea__inner, 
.el-form-item.is-success .el-textarea__inner:focus{
    border-color: #dcdfe6
}



.empty-list{
	height: 118px;
    border: 1px solid #dfe6ec;
    width: 95%;
    margin: 20px auto;
    .color(#999);
    a{
        .color(#409EFF)
    }
}
.empty-list .iconfont{
    font-size: 30px;
    .marbottom(10px)
}
.edu-tips{
    position: absolute;
    top: 48px;
    left: 90px;
}

.mebr_li{
    .color(#999);
    .fontsize(12px)
}
.ed-iconfont{
    color: #d2d2d2
}

.authorizeDialog .el-dialog{
    max-height: 660px;
    overflow-y: auto
}